*{margin:0;padding: 0;font-size: 0;}

.slides_warp{
	width: 650px;
	height: 400px;
	border:1px solid #000;
	margin: 50px auto 0;
}

.slides_warp .slides_img{
	width: 500px;
	height: 300px;
	margin:50px auto 0;
	overflow: hidden;
}

.slides_warp .slides{
	width: 2500px;
	height: 300px;
}

.slides_warp .slides .img{line-height: 300px;text-align: center;font-size: 50px;display: inline-block;width: 500px;height: 300px;}

.slides_warp .slides div:nth-child(1){background: pink;}
.slides_warp .slides div:nth-child(2){background: gold;}
.slides_warp .slides div:nth-child(3){background: cyan;}
.slides_warp .slides div:nth-child(4){background: lightgreen;}
.slides_warp .slides div:nth-child(5){background: lightblue;}

.prev{cursor: pointer;margin-left: 10px;margin-top:-171px;font-size: 50px;position: absolute;}
.next{cursor: pointer;margin-left: 600px;margin-top: -171px;font-size: 50px;position: absolute;}

.slides_warp ul{margin:5px 222px;list-style: none;}
.slides_warp ul li{cursor: pointer;margin:10px;background-color: #ccc;width: 20px;height: 20px;border-radius: 20px;float: left;}
.slides_warp ul .active{background-color: pink; }